<ui:composition template="/modulos/index/template/default.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">
    <ui:define name="body" oncontextmenu="return false">
     <h:form id="frmNew" ajaxSubmit="false">
   
      	<p:growl id="msgSystem" showDetail="false" life="4000" escape="true"/>   
  		<p:toolbar>  
	    	<p:toolbarGroup align="left">  
		        <p:commandButton title="Regresar" 	value="Regresar" 	icon="icn_bar_back" action="itnrt_list" ajax="false" />
		        <p:commandButton title="Guardar" 	value="Guardar" 	icon="icn_bar_save" actionListener="#{profesionItinerarioTransversal.nativeSave}" ajax="false" />  
			</p:toolbarGroup>  
  		</p:toolbar>    		
      	<p:spacer height="4px"/>
      	
      	<p:panel header="Semestres: #{profesionItinerarioTransversal.tipo} - Agregar Nueva Unidad Didáctica">
    		
    		<table class="form_table">
    		<tr><td><p:outputLabel for="txtMod" value="Módulo" /></td></tr>
   			<tr>
   				<td>
					<p:selectOneMenu id="txtMod" value="#{profesionItinerarioTransversal.bean.modulo}" style="width:350px">
		   				<f:selectItem itemLabel="#{constante.OPTION_SELECT}" 	itemValue="-1" />
						<f:selectItems value="#{profesionItinerarioTransversal.moduloList}" var="lstMod" itemValue="#{lstMod.modulo}" itemLabel="#{lstMod.titulo}"/>
					</p:selectOneMenu>
				</td>
   			</tr>
   			</table>
   			
    		<table class="form_table">
    		<tr>
   				<td><p:outputLabel for="txtTit" value="Título" /></td>
   				<td><p:outputLabel for="txtSem" value="Semestre" /></td>
   				<td><p:outputLabel for="txtHorSem" value="Horas por Semana" /></td>
   				<td><p:outputLabel for="txtCre" value="Créditos" /></td>
   				<td><p:outputLabel for="txtHorTot" value="Horas Totales" /></td>
   			</tr>
   			<tr>
				<td><p:inputText id="txtTit" value="#{profesionItinerarioTransversal.bean.titulo}" size="80"/></td>
				<td><p:spinner  id="txtSem" value="#{profesionItinerarioTransversal.bean.semestre}" min="1" max="#{profesionItinerarioTransversal.tipo}" size="12"/></td>
		       	<td>
		       		<p:spinner  id="txtHorSem" value="#{profesionItinerarioTransversal.bean.horasSemestre}" min="1" max="10" size="12">
		       			<p:ajax event="change" update=":frmNew:txtHorTot" listener="#{profesionItinerarioTransversal.calcularHoras}"/>
		       		</p:spinner>
		       	</td>		
		       	<td><p:spinner  id="txtCre" value="#{profesionItinerarioTransversal.bean.creditos}" min="1" max="5" size="3"/></td>
		       	<td><p:inputText  id="txtHorTot" value="#{profesionItinerarioTransversal.bean.horasTotal}" disabled="true"/></td>
   			</tr>
    		</table>
    		
    		<table class="form_table">
    		<tr><td><p:outputLabel for="txtDes" value="Descripción" /></td></tr>
   			<tr><td><p:inputTextarea id="txtDes" value="#{profesionItinerarioTransversal.bean.descripcion}" rows="3" cols="166" autoResize="false"/></td></tr>
   			</table>
    		
		</p:panel> 		
     </h:form>
    </ui:define>
</ui:composition>